<template>
    <div class="demo">
        <h2>学校名称：{{name}}</h2>
        <h2>学校地址：{{address}}</h2>
    </div>
</template>

<script>
    export default {
        name:'School',
        data() {
            return {
                name:'清华',
                address:'北京'
            }
        },
        mounted(){
            // console.log("school",this.x)
            this.$bus.$on('hello',(data)=>{
                console.log('我是school组件，收到了数据', data)
            })
        },
        // 最好在beforeDestroy中用$off解绑当前组件要用到的事件
        beforeDestroy(){
            this.$bus.$off('hello')
        }
        
    }
</script>

<style scoped>
    .demo{
        background-color: skyblue;
        padding: 5px;
    }

</style>